<!--
  Generated template for the ContactPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header no-border>
    <ion-navbar>
        <ion-title>{{to}}</ion-title>
    </ion-navbar>
</ion-header>


<ion-content padding #content>
    <div *ngFor="let item of list" class="msgBox">
        <img [src]="item.headImg" class="headImg">
        <div class="msgDiv" [innerHTML]="item.msg"></div>
    </div>
</ion-content>
<ion-footer>
    <ion-grid class="input-wrap">
        <ion-row>
            <ion-col col-2>
                <button ion-button clear icon-only item-right>
                    <ion-icon name="md-happy"></ion-icon>
                </button>
            </ion-col>
            <ion-col col-8>
                <ion-input placeholder="Text Input" #input></ion-input>
            </ion-col>
            <ion-col col-2>
                <button ion-button clear icon-only item-right (click)="send(input.value)">
                    <ion-icon name="ios-send" ios="ios-send" md="md-send"></ion-icon>
                </button>
            </ion-col>
        </ion-row>
    </ion-grid>
</ion-footer>